<template>
  <el-form label-width="100px" class="form-2-layout tools-update-lang">
    <el-form-item label="目标语言">
      <el-select v-model="form.lang" placeholder="请选择语言" clearable filterable>
        <el-option v-for="(item, i) in langs" :key="i" :label="item" :value="item"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="查询类型">
      <el-select v-model="form.type" placeholder="请选择" clearable filterable>
        <el-option label="查询value" value="value"></el-option>
        <el-option label="查询key" value="key"></el-option>
        <el-option label="查询全部" value="all"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item label="查询的内容">
      <el-input
        v-model="form.content"
        placeholder="请输入内容"
        type="textarea"
        :rows="1"
      ></el-input>
    </el-form-item>
  </el-form>
</template>

<script setup lang="ts">
defineProps({ langs: Array as any })
const form = reactive({
  content: '',
  type: 'value',
  lang: ''
})
</script>

<style lang="scss" scoped></style>
